<html manifest="IGNORE.manifest" class="hairlines" style="font-size: 41.4px;">
<head>
	<meta charset="utf-8">
	<title>文库</title>
	<meta http-equiv="Expires" content="0">
	<meta http-equiv="Cache" content="no-cache">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="X-UA-Compatible" content="IE=8">
	<meta http-equiv="Cache-control" content="no-cache">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">

<title>三种背景颜色左右滑动菜单导航</title>
<style>
	.a {
		width:100px;
		height: 100px;
		display: flex;
	}
	.b{
		flex: none;
		margin-right: 20px;
	}

</style>
	
</head>
<body>
	<div class="a">
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
		<div class="b">水电费</div>
	</div>
</body>
</html>